﻿<phone:PhoneApplicationPage 
    x:Class="SkinOffsetHelper.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
    shell:SystemTray.IsVisible="False">

    <Border BorderThickness="1" BorderBrush="#FFFF000C">
        <Border BorderThickness="1" BorderBrush="#FF0FC400">
            <Border BorderThickness="1" BorderBrush="#FFFFDE00">
                <Border BorderThickness="1" BorderBrush="#FF8800FF">

		            <!--LayoutRoot is the root grid where all page content is placed-->
		            <Grid x:Name="LayoutRoot" Background="Transparent" Margin="0">
			            <Grid.RowDefinitions>
				            <RowDefinition Height="Auto"/>
				            <RowDefinition Height="*"/>
			            </Grid.RowDefinitions>

                    <!--TitlePanel contains the name of the application and page title-->
			            <StackPanel x:Name="TitlePanel" Margin="1,1,11,6">
				            <TextBlock x:Name="ApplicationTitle" Text="WireBear Awesemulator" Style="{StaticResource PhoneTextNormalStyle}"/>
				            <TextBlock x:Name="PageTitle" Text="offset helper" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
			            </StackPanel>
                    <!--ContentPanel - place additional content here-->
			            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
			            	<Grid Margin="0">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="There are 4 stripes of one pixel each (at 100% Zoom) - All 4 should be visible.  The 4 stripes are duplicated below at 4 pixels each for your reference.  Adjust the emulator scaling and apply your overlay in each orientation to ensure full visibility. Adjust the helper entries in your skin file as necessary." Margin="0,0,0,-34" d:LayoutOverrides="Height" TextAlignment="Center"/>
                                <Border BorderThickness="4" BorderBrush="#FFFF000C" Width="250" Height="170" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Margin="0,20,0,0">
                                    <Border BorderThickness="4" BorderBrush="#FF0FC400">
                                        <Border BorderThickness="4" BorderBrush="#FFFFDE00">
                                            <Border BorderThickness="4" BorderBrush="#FF8800FF">
                                                <Rectangle Fill="{StaticResource PhoneAccentBrush}" Width="157" Height="100" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0">
                                                    <Rectangle.OpacityMask>
                                                        <ImageBrush ImageSource="/ScubaMan.png" />
                                                    </Rectangle.OpacityMask>
                                                </Rectangle>
                                            </Border>
                                        </Border>
                                    </Border>
                                </Border>
                                <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="awesemulator.codeplex.com   |   wirebear.com" VerticalAlignment="Center" Grid.Row="2" Margin="0,0,0,12"/>
                            </Grid>
			            </Grid>
		            </Grid>

                </Border>
            </Border>
        </Border>
    </Border>


</phone:PhoneApplicationPage>